<template>
  <el-container style="height: 100vh">
    <el-header>Header</el-header>
    <el-container>
      <Aside></Aside>
      <Main></Main>
    </el-container>
  </el-container>
</template>

<script>
import Aside from './aside/Aside'
import Main from './main/Main'

export default {
  components: {
    Aside,
    Main
  },
  provide () {
    return {
      menu: [
        {
          submenuTitle: '内容管理',
          submenuItemTitle: [
            { title: '装备', path: 'equips' },
            { title: '英雄', path: 'heroes' },
            { title: '文章', path: 'articles' },
          ]
        },
        {
          submenuTitle: '运营管理',
          submenuItemTitle: [{ title: '广告', path: 'ads' }]
        },
        {
          submenuTitle: '系统设置',
          submenuItemTitle: [
            { title: '分类', path: 'categories' },
            { title: '管理员', path: 'admin_users' }
          ]
        },
      ]
    }
  }
}
</script>

<style scoped>
@import url("~@/assets/css/global.css");

.el-header {
  background-color: #b3c0d1;
  color: #333;
  line-height: 60px;
}
</style>